<template>
  <a-list size="small">
    <a-list-item v-for='(item,index) in dataObject.items' :key="index"   :border="true">
      <a-list-item-meta :description="item.projectName">
        <a slot="title" style="color: rgba(0, 0, 0, .85)">{{ item.title }}</a>
      </a-list-item-meta>
      <result-list-item-content-v1 :data="item.contents"></result-list-item-content-v1>
<!--      <div class="list-content">-->
<!--        <div class="list-content-item">-->
<!--          <a-tag >{{item.record.roleK}}</a-tag>-->
<!--        </div>-->
<!--        <div class="list-content-item" v-for="i in item.contents">-->
<!--          <span v-if="i.key == '积分'">{{ i.key }}</span>-->
<!--          <p v-if="i.key == '积分'">{{ i.value }}</p>-->
<!--        </div>-->
<!--      </div>-->
    </a-list-item>
  </a-list>

</template>

<script>
import ResultListItemContentV1 from '@views/dashboard/gfxy/assessmentResult/commons/ResultListItemContentV1.vue'
import TeachingCommonModal from '@views/gfxy/teaching/modules/TeachingCommonModal.vue'

export default {
  name: "ResearchResultListItemV1",
  components: { ResultListItemContentV1,TeachingCommonModal },
  props: {
    dataObject: {
      type: Object,
      default: () => {},
      required: false
    },
    teacherId: {
      type: String,
      required: false
    },
  },
  methods:{
    handleDetail(item){
      console.log("item:",item);
      let id = item.record.id;
      console.log(this.$refs)
      console.log(this.$refs[id])
      this.$refs[id][0].edit(item.record);
      this.$refs[id][0].title="详情";
      this.$refs[id][0].disableSubmit = true;
    },
    modalFormOk(){

    }
  },
  mounted() {
    console.log("BaseResultListItem dataObject : " ,this.dataObject);
  }
}
</script>

<style lang="less" scoped>
.list-content-item {
  color: rgba(0, 0, 0, .45);
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 10px;
  text-align: center;
  span {
    line-height: 20px;
  }
  p {
    margin-top: 4px;
    margin-bottom: 0;
    line-height: 22px;
    color: rgba(0, 0, 0, .85);
  }
}
</style>